<!DOCTYPE html>
<html>
<head>
	<title>分享 <?php if (!empty($feeds_detail)){echo $feeds_detail['username'];}?> 的N粉圈动态</title>
	<meta name="viewport" content="width=device-width,user-scalable=no"/>
	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('public_url');?>/share/css/appshare.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('public_url');?>/share/css/video-js.css">


		<link href="<?php echo $this->config->item('public_url');?>/share/css/photoswipe.css" rel="stylesheet">
		<link href="<?php echo $this->config->item('public_url');?>/share/css/default-skin.css" rel="stylesheet">
		<script src="<?php echo $this->config->item('public_url');?>/share/js/photoswipe.js"></script>
		<script src="<?php echo $this->config->item('public_url');?>/share/js/photoswipe-ui-default.js"></script>

<style type="text/css">
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(<?php echo $this->config->item('public_url');?>/share/css/default-skin.png) -1 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }
@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) {
	.pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(<?php echo $this->config->item('public_url');?>/share/images/default-skin.svg); }
	.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; }
}
.pswp__preloader--active .pswp__preloader__icn { background: url(<?php echo $this->config->item('public_url');?>/share/css/preloader.gif) 0 0 no-repeat; }
</style>

</head>
<body>
<?php 
 if (!empty($feeds_detail)){
?>
	<div class="appshare">
		<div class="appshare_p">
			<div class="appshare_icon">
				<img src="<?php echo $feeds_detail['avatar']?>" alt=""></div>
			<div class="appshare_name"><?php echo $feeds_detail['username']?></div>
			<div class="appshare_time"><?php echo date("Y-m-d",$feeds_detail['create_date']);?></div>
			<div class="app_gz addapp_gz"><a href="http://app.ninebot.cn/test/index2.html">关注</a></div>
		</div>
		<div class="appshare_con">
			<p>
				<?php echo $feeds_detail['content']?>
			</p>
			<!-- <div class=""> -->

				<div id="demo-test-gallery" class="demo-gallery appcc">
				   <!--  <a href="https://farm4.staticflickr.com/3894/15008518202_c265dfa55f_h.jpg" data-size="1600x1600" data-med="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_b.jpg" data-med-size="1024x1024">
				        <img src="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_m.jpg" alt="" />
				    </a> -->

				  
				<!-- </div> -->




			<?php if ($feeds_detail['feeds_type'] == '2' && $feeds_detail['pic_data'] != ""){
				
			    if (!empty($feeds_detail['pic_data'])){
			         foreach ($feeds_detail['pic_data'] as $pic):

			?>




				<a href="<?php echo $pic['img_url'];?>" data-size="<?php echo $pic['width'].'x'.$pic['height'];?>"  data-med="<?php echo $pic['img_url'];?>" data-med-size="<?php echo $pic['width'].'x'.$pic['height'];?>" >
				    <img src="<?php echo $pic['img_url'];?>?imageView2/1/w/94" />
				</a>

				<?php endforeach;}
			         }
				    if (($feeds_detail['feeds_type'] == '3' or $feeds_detail['feeds_type'] == '4') && $feeds_detail['video_url'] != ""){
				?>
				<video id="my-video" class="video-js video vjs-big-play-centered " controls preload="auto"   style=" width: 100%; height: 100%; min-height: 250px;"  poster="<?php if (!empty($feeds_detail['pic_data'])){ echo $feeds_detail['pic_data'][0]['img_url'];}else{ echo $this->config->item('public_url').'/share/images/9.jpg';}?>" data-setup="{}">
					<source src="<?php echo $feeds_detail['video_url'];?>" type="video/mp4">
					<source src="<?php echo $feeds_detail['video_url'];?>" type="video/webm"> 
					<source src="<?php echo $feeds_detail['video_url'];?>" type="video/ogg">
				  </video>
				  <?php }?>
			</div>
			<div class="app_zan">
				<img src="<?php echo $this->config->item('public_url');?>/share/images/zan.jpg" alt=""><?php echo $feeds_detail['praise_num']?></div>
		</div>
		<div class="appshare_pinglun">
			<div class="appshare_pinglun_title">评论(<?php echo $feeds_detail['comment_num']?>)</div>
			<ul>
			<?php if (!empty($feeds_detail['comment_lst'])){
			    foreach ($feeds_detail['comment_lst'] as $v):
			    if (isset($v['avatar']) && $v['avatar'] != ""){
		    ?>
				<li>
					<div class="appshare_pinglun_icon">
						<img src="<?php echo $v['avatar'];?>" alt=""></div>
					<div class="appshare_pinglun_r">
						<div class="appshare_pinglun_name">
							<?php echo $v['username'];?>
							<span><?php echo date('Y-m-d',$v['create_date']);?></span>
						</div>
						  <div class="appshare_pinglun_c">
                                <?php echo $v['content'];?>
						</div>
					</div>
				</li>
		<?php }endforeach;}?>
			</ul>
			<div class="appshare_more_down">
				<a href="http://app.ninebot.cn/test/index2.html">打开 Ninebot APP，查看全部评论</a>
			</div>
			<div class="appshare_weixin">
			<div class="app_tuijian"><span>推荐</span></div>
				<img src="<?php echo $this->config->item('public_url');?>/share/images/wx.jpg" alt="">
				<h2>Ninebot9</h2>
				<p>
					扫一扫或者长按二维码关注微信公众号
					<br>微博@九号平衡车，更多精彩尽在掌握</p>
			</div>
			<div class="appshare_down">
				<div class="appshare_down_9">
					<img src="<?php echo $this->config->item('public_url');?>/share/images/9.png" alt=""></div>
				<div class="appshare_down_p"><span>Ninebot-九号平衡车</span><br>Simply Moving

				</div>
				<div class="appshare_down_btn">
					<a href="http://app.ninebot.cn/test/index2.html">立即下载</a>
				</div>
			</div>
		</div>
	</div>
<?php }?>
	<div class="mask"></div>
	<div class="box"></div>
	<script src="<?php echo $this->config->item('public_url');?>/share/js/jquery-3.2.1.min.js"></script>
	<script src="<?php echo $this->config->item('public_url');?>/share/js/video.min.js"></script>	
	<script src="<?php echo $this->config->item('public_url');?>/share/js/videojs-ie8.min.js"></script>	
	<script src="<?php echo $this->config->item('public_url');?>/share/js/share.js"></script>	
	<script src="<?php echo $this->config->item('public_url');?>/share/js/sharejs.js"></script>
</body>
</html>